<html>
<head>

<link rel="stylesheet" href="../dbox/dbox.css" type="text/css" />
<link rel="stylesheet" href="dgrid.css" type="text/css" />

<script type="text/javascript" src="../../os3jslib/liwe.js"></script>
<script type="text/javascript" src="../../os3jslib/dom.js"></script>
<script type="text/javascript" src="../../os3jslib/drag.js"></script>
<script type="text/javascript" src="../../os3jslib/object_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/string_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/utils.js"></script>
<script type="text/javascript" src="../dbox/dbox.js"></script>
<script type="text/javascript" src="dgrid.js"></script>
<script type="text/javascript">


function init ()
{
	var dg = new DGrid ( "test" );

	dg.add ( "Row 1" );
	dg.add ( "Row 2" );
	dg.add ( "Row 3" );

	dg.render ( "block_main" );

	dg.events [ 'change' ] = get_list;
}

function get_list ( dg )
{
	if ( ! dg ) dg = DGrid.get ( "test" );
	console.debug ( "Lista: %o", dg.get_list () );
}

</script>

</head>
<body onload="init()">
	<div style="height: 200px; width: 50px; bordeR: 1px solid black"></div>
	<div id="block_main"></div>
	<a href="javascript:get_list()">Lista</a>
</body>
</html>
